﻿@model VietPremier.Models.GetTravelProductModel
<div class="box">
        <div class="boxlabel">
            Tour nổi bật
        </div><!--/ .boxlabel-->
		<div class="spotlight">
        <ul id="spotlight">
            @for(int i = 0; i <= (@Model.listTravelCity.Count() - 1) / 5; i ++)
            {
            <li>
                @for (int j = 0; j < 5 && (i * 5 + j) < @Model.listTravelCity.Count(); j++)
                {
                    var imageFile = string.Concat("~/Content/upload/travelcity/", @Model.listTravelCity.Skip(i * 4 + j).Take(1).SingleOrDefault().Image);
                <div class="it">
                    <div class="img">
                        <div class="img-inner">
                            <a  href="@Url.Action("City","TravelInformation", new { title = Utilities.Encode(Model.listTravelCity.Skip(i * 4 + j).Take(1).SingleOrDefault().Name), country =  Utilities.Encode(@Model.travelProduct.Name) })"><img src="@Url.Content(imageFile)" style="height: 55px; width:55px" /></a>
                        </div>
                    </div>
                    <a class="title" href="@Url.Action("City","TravelInformation", new { title = Utilities.Encode(Model.listTravelCity.Skip(i * 4 + j).Take(1).SingleOrDefault().Name), country =  Utilities.Encode(@Model.travelProduct.Name) })">
                        <span>&nbsp;&nbsp;&nbsp;@Model.listTravelCity.Skip(i * 4 + j).Take(1).SingleOrDefault().Name</span>
                        @*<i><small>@Model.listTravelCity.Skip(i * 4 + j).Take(1).SingleOrDefault().Time</small></i>*@</a>
                </div>
                }
            </li>                            
            }
		</ul>
        <div id="slide-pager">
            <a  href="#" id="spotlight_next"><img src="@Url.Content("~/Content/cssFrontEnd/images/btn-down.png")" /></a>
        </div><!--/ #slide-pager-->
</div><!--/ .spotlight-->
		<div class="clear"></div>
</div> <!--/ .box--> 
